<template>
  <!-- 新建文库弹出框 -->
  <el-dialog v-model="libraryVisible" title="新建文库" width="30vw">
    <el-form :model="house">
      <el-form-item>
        <p class="summary">文库名称</p>
        <el-input
            v-model="house.name"
            autocomplete="off"
            placeholder="请输入文库名称"
        />
      </el-form-item>
      <el-form-item>
        <p class="summary">文库描述</p>
        <el-input
            type="textarea"
            :rows="3"
            resize="none"
            v-model="house.berif"
            autocomplete="off"
            placeholder="请输入文库描述"
        />
      </el-form-item>
    </el-form>
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="libraryVisible = false">取消</el-button>
        <el-button type="primary" @click="libraryVisible = false">
          新建
        </el-button>
      </div>
    </template>
  </el-dialog>
</template>
<script setup>
// 新建文库弹窗
import {ref} from "vue";

const libraryVisible = ref(false);

const showLibraryDialog = () => {
  libraryVisible.value = true;
};

const house = ref({
  name: "",
  brief: "",
});</script>
<style></style>
